﻿@header-height: 30px;
@top-panel-height: 50px;
@content-top: @header-height + @top-panel-height;

@bg: #efefe8;
@white: rgba(255,255,255,0.3);

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: @header-height;
    background-color: @white;

    z-index: 10;
}
	.head-link {
		text-decoration: none;
		font-size: 1.5em;
		font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
		color: rgb(128, 128, 128);
		text-shadow: 2px 2px 0 rgba(250,250,250,1)
	}
	.head-link:hover {
		text-decoration:none;
		color: rgb(150,150,150)
	}

.top-panel{
    position: fixed;
	width: 200px;
    left: 0;
    top: @header-height;
    height: @top-panel-height;
    z-index: 11;
    background: @bg;
	box-shadow: 0 0 30px -15px black, 0 0 1px 0px black;
}
    .logo {
        display: block;
        max-width: 200px;
        height: 100%;
        background: transparent;
        padding: 5px;
    }

	.share-link {
		padding: 0 40px;
		color: #747474
	}

.sidebar {
    position: fixed;
    left: 0;
    top: @content-top;
    bottom: 0;
    width: 200px;
    background-color: @white;

    z-index: 10;
}
	.sidebar-menu {
		margin: 1em;
	}

.content {
    position: relative;
    margin: @content-top 0 0 200px;
}



.right{
    display: block;
    float: right;
}

#event_edit_container{
	display: none;
}